<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>邮箱验证码</title>
    <style>
        *{box-sizing:border-box;-webkit-box-sizing:border-box;padding:0;margin:0}
        html,body{font-size:16px;font-family:Microsoft YaHei,Arial,sans-serif;background-color:#fff}
        a{text-decoration:none !important;color:#3370FF}
        .main{width:663px;margin:0 auto;padding:57px 0}
        .logo{font-weight:700;font-size:28px;line-height:50px;color:#27273F}
        .grey-card{margin-top:24px;padding:58px 54px;background-color:#EDF0F4}
        .white-card{background-color:#ffffff;padding:24px 32px 32px}
        .hello{font-weight:400;font-size:22px;line-height:40px;color:#27273F;margin-bottom:16px}
        .article{font-weight:400;font-size:14px;line-height:25px;color:#27273F}
        .code-card{margin-top:16px;position:relative;width:290px;height:66px;background:#E7EFFF;border:1px dashed #7C8DB0;border-radius:8px;text-align:center}
        .code{line-height:64px;font-size:28px;font-weight:700;color:#27273F}
        .copy-btn{position:absolute;width:32px;height:19px;right:-48px;bottom:0;background:#EDF0F4;border-radius:4px;color:#7C8DB0;line-height:19px;cursor:pointer;font-size:12px;text-align:center}
        .ad-tip{margin-top:11px;font-weight:400;font-size:14px;line-height:180%;color:#6E7491}
    </style>
</head>

<body>
    <!-- 域名更新时，全局替换网址（包括图片）：https://welynk.cn/ -->
    <div class="main relative">
        <!-- logo -->
        <a href="https://welynk.cn/" class="logo">
            WeLynk 领客
        </a>

        <!-- 灰色底卡片 -->
        <div class="grey-card">
            <!-- 白色底卡片 -->
            <div class="white-card">
                <!-- Hi 用户名， -->
                <div class="hello">Hi {username}，</div>
                <div class="article">
                    <p>欢迎使用WeLynk邮箱绑定服务，请使用下方的验证码</p>
                    <p>验证您的操作，验证码{expiration}分钟内有效。</p>
                </div>
                <div class="code-card">
                    <!-- 验证码 -->
                    <div class="code">{code}</div>
                </div>
            </div>
        </div>

    </div>
</body>
</html>
